<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Radio 单选框</title>
    <script src="js/my_vue2.6.js"></script>
    <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
    <script src="element-ui/lib/index.js"></script>
</head>
<body>
<div id="radio">
    <el-radio v-model="radio" label="1">吃饭</el-radio>
    <el-radio v-model="radio" label="2">睡觉</el-radio>
    <el-radio v-model="radio" label="3">玩耍</el-radio>
    <br/>
    <el-button @click="change">Change</el-button>
</div>

</body>
<script>

    new Vue({
        el: "#radio",
        data: {
            radio: '2'
        },
        methods: {
            change: function () {
                let currentLabel = this.radio;
                if (currentLabel == '1') {
                    this.radio = '2';
                }
                if (currentLabel == '2') {
                    this.radio = '3';
                }
                if (currentLabel == '3') {
                    this.radio = '1';
                }

            }
        }
    })
</script>
</html>